<template>
   <!-- 页数
    知识点：1. ->  分页器靠哪个方向  想让哪个靠右就用->在谁的前面
              所有都想靠右的话 -> 在最前面

          **使用了size-change和current-change事件来处理页码大小和当前页变动时候触发的事件。**

           2.size-change :控制条数
           3.current-change ：控制页数
           4.page-size
     -->
   <div class="pages">
          <el-pagination background

          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="1"
          :total="pagetotal"
          :page-size="100"
          :page-sizes="[10,20,30,50]"
          layout="->,sizes, prev, pager, next, jumper"
         >
          </el-pagination>
      </div>
</template>

<script>
export default {
  name: 'pageToolsHm',
  props: {
    pagetotal: {
      type: Number
    }
  },
  methods: {
    // 每页条数
    handleSizeChange (val) {
    //  console.log('每页条数:',val)
      this.$emit('handleSize', val)
    },
    //  当前页
    handleCurrentChange (val) {
      this.$emit('handleCurrent', val)
    }
  }
}
</script>

<style>

</style>
